<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>打开关闭窗口</title>
	</head>

	<body>
		<input type="button" value="打开窗口" onclick="openWin()" />
		<br><br>
		<input type="button" value="关闭窗口" onclick="closeWin()" />
		<br><br>
		<input type="button" value="检测是否关闭" onclick="checkWin()" />
		<div id="msg"></div>
		<script type="text/javascript">
			//窗口
			var win;
			//打开窗口：定义窗口名称、窗口大小、位置
			function openWin() {
				//open()方法参数:参数1：URL,没有指定就是窗口
				//参数2：窗口名称
				//参数3：用逗号分隔
				win = window.open('', '我的新窗口', 'width=400,height=200,left=200,top=100');
				//往新窗口中写入内容
				win.document.write(win.name + '<br>');
				win.document.write(win.parent);
			}
			//关闭窗口
			function closeWin() {
				//若有打开的窗口，关闭
				if(win) {
					win.close();
				} else {
					alert("没有窗口有打开")
				}
				//若没有打开，弹出提示
			}

			function checkWin(){
			var s;
             if (win){//窗口有被打开，判断窗口是否被关闭
              s=(win.closed?'窗口已关闭':'窗口打开着  还未关闭');
             }else{
              s='窗口没有被打开';
             }
              var msg=document.getElementById('msg');
              msg.innerHTML=s;
        }
		</script>
	</body>

</html>